<template>
</template>

<script>
export default {
	onLaunch: function() {
		console.log('App Launch')
		// 应用启动时初始化
	},
	onShow: function() {
		console.log('App Show')
	},
	onHide: function() {
		console.log('App Hide')
	}
}
</script>

<style>
	/* 全局样式 */
	.container {
		padding: 20rpx;
	}
	
	.page-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333;
		text-align: center;
		margin-bottom: 30rpx;
	}
	
	.btn-primary {
		background-color: #007aff;
		color: white;
		border-radius: 8rpx;
		padding: 20rpx 40rpx;
		font-size: 28rpx;
		border: none;
	}
	
	.btn-success {
		background-color: #4cd964;
		color: white;
		border-radius: 8rpx;
		padding: 20rpx 40rpx;
		font-size: 28rpx;
		border: none;
	}
	
	.btn-danger {
		background-color: #ff3b30;
		color: white;
		border-radius: 8rpx;
		padding: 20rpx 40rpx;
		font-size: 28rpx;
		border: none;
	}
	
	.list-item {
		background: white;
		margin-bottom: 20rpx;
		padding: 30rpx;
		border-radius: 12rpx;
		box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.1);
	}
	
	.input-group {
		margin-bottom: 30rpx;
	}
	
	.input-label {
		font-size: 28rpx;
		color: #666;
		margin-bottom: 10rpx;
	}
	
	.form-input {
		border: 2rpx solid #e1e1e1;
		border-radius: 8rpx;
		padding: 20rpx;
		font-size: 28rpx;
		width: 100%;
		box-sizing: border-box;
	}
	
	.tab-bar {
		display: flex;
		background: white;
		border-bottom: 2rpx solid #e1e1e1;
	}
	
	.tab-item {
		flex: 1;
		text-align: center;
		padding: 30rpx 0;
		font-size: 28rpx;
		color: #666;
	}
	
	.tab-item.active {
		color: #007aff;
		border-bottom: 4rpx solid #007aff;
	}
</style>